@keyframes show {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes hide {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.show-enter-active {
    animation: show .4s;
}

.show-leave-active {
    animation: hide .4s;
}

.show-enter, .show-leave-to {
    opacity: 0;
}